import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs'
import PortraitSection from '../../ch/sections/PortraitSection.vue'

<Meta title="Sections/Content/Portrait" component={PortraitSection} />

export const Template = () => ({
  props: [],
  components: { PortraitSection },
  template: '<PortraitSection />',
})

# Portrait Section

<Canvas>
  <Story name="Example">{Template.bind({})}</Story>
</Canvas>

<a href="?path=/story/sections-content-portait--example">
  Go to the Canvas Tab
</a>

---

<a href="?id=sections-content-portrait--example&viewMode=story" target="_blank">
  Open page in full width in a new tab
</a>
